<nz-layout>
  <nz-layout>
    <nz-content>
      <div class="head">
        <div class="head_remind">
          <div class="remind"><div class="title">待入职</div><div class="Num"></div></div>
          <div class="remind"><div class="title">待转正</div><div class="Num"></div></div>
          <div class="remind"><div class="title">待离职</div><div class="Num"></div></div>
          <div class="remind"><div class="title">合同即将到期</div><div class="Num"></div></div>
          <div class="remind"><div class="title">生日提醒</div><div class="Num"></div></div>
        </div>
      </div>

      <div class="cont">
        <div class="inner_cont">
          <div #box1 class="cont_statistics" style="width:600px;height: 250px"></div>
          <div #box2 class="cont_statistics" style="width:600px;height: 250px"></div>
          <div #box3 class="cont_statistics" style="width:600px;height: 250px"></div>
          <div #box4 class="cont_statistics" style="width:600px;height: 250px"></div>
        </div>

      </div>
    </nz-content>
    <nz-sider>
      <div style="width: 100%">
        <nz-calendar [nzFullscreen]="false" (nzSelectChange)="onValueChange($event)" (nzPanelChange)="onPanelChange($event)"></nz-calendar>
      </div>
      <div class="note">
        <div class="note_title">备忘录<i nz-icon nzType="plus-circle" nzTheme="outline"></i></div>
      </div>
      <div class="activity"><i nz-icon nzType="notification" nzTheme="outline"></i>发起活动</div>
    </nz-sider>
  </nz-layout>
  <nz-footer>
    <div class="foot">
      <div class="foot_title">添加员工</div>
      <div class="foot_title">添加待入职</div>
      <div class="foot_title">转正管理</div>
      <div class="foot_title_last">
        <div class="foot_bright"><div class="foot_bright_title">在职</div><div class="Num"></div></div>
        <div class="foot_bright"><div class="foot_bright_title">全职</div><div class="Num"></div></div>
        <div class="foot_bright"><div class="foot_bright_title">实习</div><div class="Num"></div></div>
        <div class="foot_bright"><div class="foot_bright_title">兼职</div><div class="Num"></div></div>
        <div class="foot_bright"><div class="foot_bright_title">正式</div><div class="Num"></div></div>
        <div class="foot_bright"><div class="foot_bright_title">试用期</div><div class="Num"></div></div>
        <div class="foot_bright"><div class="foot_bright_title">待离职</div><div class="Num"></div></div>
      </div>
    </div>
  </nz-footer>
</nz-layout>

